<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				padding: 0px;
				margin: 0px;
				text-decoration: none;
			}
			.big{
				width: 600px;
				height: 400px;
				border: 1px solid black;
				background-image:linear-gradient(to top,#222,black) ;
				margin: 60px auto;
			}
			.one{
				position: relative;
				left: 70px;
			}
			.xiao1{
				position: relative;
				bottom: 275px;
			}
			.xiao2{
				position: relative;
				bottom: 510px;
				left: 220px;
			}
			.xiao3{
				position: relative;
				bottom: 800px;
				left: 95px;
			}
			.xiao4{
				position: relative;
				bottom: 958px;
				left: 210px;
			}
			h1{
				color: aqua;
				font-size: 80px;
				letter-spacing: 10px;
				float: right;
				position: relative;
				bottom: 890px;
				right: 20px;
			}
			h2{
				color: #ccc;
				float: right;
				font-size: 10px;
				letter-spacing: 5px;
				float: right;
				position: relative;
				bottom: 790px;
				left: 150px;
			}
			.two{
				position: relative;
				bottom: 785px;
				left: 340px;
				float: right;
			}
		</style>
	</head>
	<body>
		<div class="big">
			<div class="one">
				<img src="../img/c.png" alt="" />
			</div>
			<div class="xiao1">
				<img src="../img/b.png" alt="" />
			</div>
			<div class="xiao2">
				<img src="../img/b.png" alt="" width="140" height="160"/>
			</div>
			<div class="xiao3">
				<img src="../img/b.png" alt="" width="120" height="140"/>
			</div>
			<div class="xiao4">
				<img src="../img/b.png" alt="" width="100" height="120"/>
			</div>
			<div>
				<h1>查违</h1>
			</div>
			<div>
				<h2>及时、迅速、精准、便捷</h2>
			</div>
			<div class="two">
				<img src="../img/a.png" alt="" />
			</div>
		</div>
	</body>
</html>